<template>
  <div>
    <el-button type="primary" @click="toLogin">登陆页面</el-button>
    <el-button type="primary" @click="toFlex">flex布局</el-button>
    <el-button type="primary" @click="toTest">测试页面</el-button>
    <el-button type="primary" @click="toWatermark">水印</el-button>
    <el-button type="primary" @click="toAttendance">考勤</el-button>
    <el-button type="primary" @click="toBilibili">bilibili</el-button>
    <el-button type="primary" @click="toTs">ts</el-button>
    <el-button type="primary" @click="toApp">app</el-button>
    <el-button type="primary" @click="toStructure">数据结构</el-button>

  </div>
</template>

<script>
export default {
  name: "index",
  data () {
    return {

    }
  },
  methods: {
    toLogin () {
      this.$router.push('/login')
    },
    toFlex () {
      this.$router.push('/components/flex')
    },
    toTest () {
      this.$router.push('/components/test')
    },
    toWatermark () {
      this.$router.push('/components/watermark')
    },
    toAttendance () {
      this.$router.push('/components/attendance')
    },
    toBilibili () {
      this.$router.push('/components/bilibili')
    },
    toTs () {
      this.$router.push('/components/ts')
    },
    toApp () {
      this.$router.push('/components/app')
    },
    toStructure () {
      this.$router.push('/components/structure')

    }
  }
}

</script>

<style scoped></style>

